<cfsetting requesttimeout="120">
<cfparam name="Workshop_ID" type="numeric" default="0" />
<cfparam name="Organizer_ID" type="numeric" default="0" />
<cfparam name="Manager_ID" type="numeric" default="0" />
<cfparam name="Site_ID" type="numeric" default="0" />
<cfparam name="Organization_ID" type="numeric" default="0" />
<cfparam name="Zip_Code_ID" type="string" default="0" />
<cfparam name="City_ID" type="string" default="0" />
<cfparam name="County_ID" type="numeric" default="0" />
<cfparam name="Region_ID" type="numeric" default="0" />
<cfparam name="District_ID" type="numeric" default="0" />
<cfparam name="School_ID" type="numeric" default="0" />
<cfparam name="rollupLevel" type="string" default="workshop" />
<cfscript>

	workshopGateway = new assets.calgrants.com.gateway.WorkshopGateway();
	siteGateway = new assets.calgrants.com.gateway.SiteGateway();
	organizationGateway = new assets.calgrants.com.gateway.OrganizationGateway();
	countyGateway = new assets.calgrants.com.gateway.CountyGateway();
	evaluationGateway = new assets.calgrants.com.gateway.EvaluationGateway();
	storedProcedureGateway = new assets.calgrants.com.gateway.StoredProcedureGateway();
	
	if (Workshop_ID gt 0) {
		qWorkshop = workshopGateway.query(Workshop_ID = Workshop_ID);
		qSite = siteGateway.query(Site_ID = qWorkshop.Site_ID);
		qOrganization = organizationGateway.query(Organization_ID = qSite.Organization_ID);
		qCounty = countyGateway.query(County_ID = qSite.County_ID);
		base = evaluationGateway.report(workshopIDs = Workshop_ID);
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS(workshopIDs = Workshop_ID);
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(Site_ID = qWorkshop.Site_ID, Deleted = 0, Approved = 1);
		trendData = StructNew();
		site = qSite.Site;
		organization = qOrganization.Organization;
		city = qSite.City;
		county = qCounty.County;
		region = qCounty.Region;
		siteType = qSite.Site_Type;
		siteSince = qSite.Initial_Program_Year;
		computerBasedWorkshop = qWorkshop.Online;
		organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		followUpRequests = qWorkshop.Follow_Up_Request_Count;
		followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		followedUp = qWorkshop.Complete_Follow_Up_Request_Count;
	} else if (Organizer_ID gt 0) {
		// not implemented
	} else if (Manager_ID gt 0) {
		// not implemented
	} else if (Site_ID gt 0) {
		qSite = siteGateway.query(Site_ID = Site_ID);
		qOrganization = organizationGateway.query(Organization_ID = qSite.Organization_ID);
		qCounty = countyGateway.query(County_ID = qSite.County_ID);
		base = evaluationGateway.report(siteIDs = Site_ID);
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS(siteIDs = Site_ID);
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(Site_ID = Site_ID, Deleted = 0, Approved = 1);
		trendData = StructNew();
		site = qSite.Site;
		organization = qOrganization.Organization;
		city = qSite.City;
		county = qCounty.County;
		region = qCounty.Region;
		siteType = qSite.Site_Type;
		siteSince = qSite.Initial_Program_Year;
		//computerBasedWorkshop = qWorkshop.Online;
		organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		//followUpRequests = qWorkshop.Follow_Up_Request_Count;
		//followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		//followedUp = qWorkshop.Complete_Follow_Up_Request_Count;
	} else if (Organization_ID gt 0) {
		qOrganization = organizationGateway.query(Organization_ID = Organization_ID);
		qCounty = countyGateway.query(County_ID = qOrganization.County_ID);
		base = evaluationGateway.report(organizationIDs = Organization_ID);
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS(organizationIDs = Organization_ID);
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(organizationIDs = Organization_ID, Deleted = 0, Approved = 1);
		trendData = StructNew();
		//site = qSite.Site;
		organization = qOrganization.Organization;
		//city = qSite.City;
		county = qCounty.County;
		region = qCounty.Region;
		//siteType = qSite.Site_Type;
		//siteSince = qSite.Initial_Program_Year;
		//computerBasedWorkshop = qWorkshop.Online;
		organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		//followUpRequests = qWorkshop.Follow_Up_Request_Count;
		//followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		//followedUp = qWorkshop.Complete_Follow_Up_Request_Count;
	} else if (Zip_Code_ID gt 0) {
		
	} else if (City_ID gt 0) {
		
	} else if (County_ID gt 0) {
		//qOrganization = organizationGateway.query(Organization_ID = Organization_ID);
		qCounty = countyGateway.query(County_ID);
		base = evaluationGateway.report(countyIDs = County_ID);
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS(countyIDs = County_ID);
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(countyIDs = County_ID, Deleted = 0, Approved = 1);
		trendData = StructNew();
		//site = qSite.Site;
		//organization = qOrganization.Organization;
		//city = qSite.City;
		county = qCounty.County;
		region = qCounty.Region;
		//siteType = qSite.Site_Type;
		//siteSince = qSite.Initial_Program_Year;
		//computerBasedWorkshop = qWorkshop.Online;
		//organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		//followUpRequests = qWorkshop.Follow_Up_Request_Count;
		//followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		//followedUp = qWorkshop.Complete_Follow_Up_Request_Count;		
	} else if (Region_ID gt 0) {
		//qOrganization = organizationGateway.query(Organization_ID = Organization_ID);
		qCounty = countyGateway.query(Region_ID = Region_ID);
		base = evaluationGateway.report(regionIDs = Region_ID);
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS(programYears = "2012-2013", regionIDs = Region_ID);
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(regionIDs = Region_ID, Deleted = 0, Approved = 1);
		trendData = StructNew();
		//site = qSite.Site;
		//organization = qOrganization.Organization;
		//city = qSite.City;
		//county = qCounty.County;
		region = qCounty.Region;
		//siteType = qSite.Site_Type;
		//siteSince = qSite.Initial_Program_Year;
		//computerBasedWorkshop = qWorkshop.Online;
		//organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		//followUpRequests = qWorkshop.Follow_Up_Request_Count;
		//followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		//followedUp = qWorkshop.Complete_Follow_Up_Request_Count;
	} else if (District_ID gt 0) {
		
	} else if (School_ID gt 0) {
		
	} else {
		//qOrganization = organizationGateway.query(Organization_ID = Organization_ID);
		//qCounty = countyGateway.query(Region_ID = Region_ID);
		base = evaluationGateway.report();
		baseData = StructNew();
		genderData = StructNew();
		gds = storedProcedureGateway.readGDS();
		gdsData = StructNew();
		trendWorkshops = workshopGateway.query(Deleted = 0, Approved = 1);
		trendData = StructNew();
		//site = qSite.Site;
		//organization = qOrganization.Organization;
		//city = qSite.City;
		//county = qCounty.County;
		//region = qCounty.Region;
		//siteType = qSite.Site_Type;
		//siteSince = qSite.Initial_Program_Year;
		//computerBasedWorkshop = qWorkshop.Online;
		//organizationSince = qOrganization.Initial_Program_Year;
		//qualifiedScholarship = true;
		//followUpRequests = qWorkshop.Follow_Up_Request_Count;
		//followUpRequestsPct = qWorkshop.Follow_Up_Request_Count / qWorkshop.Student_Count * 100;
		//followedUp = qWorkshop.Complete_Follow_Up_Request_Count;
	}
	colors = "##2682d6,##5dba5d,##0f2a88,##55b4d0,##417630,##aad9e7,##444444,##2682d6,##5dba5d,##0f2a88,##55b4d0,##417630,##aad9e7,##444444,##2682d6,##5dba5d,##0f2a88,##55b4d0,##417630,##aad9e7,##444444";
	questions = "1,6,7,10,11,12";
	baseResponses = base[1].response_count;
</cfscript>

<!--- build base data --->
<cfloop index="q" list="#questions#">
	<cfif NOT StructKeyExists(baseData, q)>
		<cfset baseData[q] = StructNew()>
		<cfset baseData[q]["question"] = base[q].Question />
		<cfset baseData[q]["responseCount"] = base[q].Response_Count />
		<cfset baseData[q]["noResponseCount"] = base[q].No_Response_Count />
		<cfset baseData[q]["multiResponseCount"] = base[q].Multi_Response_Count />
		<cfset baseData[q]["required"] = base[q].Question_Required />
		<cfset baseData[q]["type"] = base[q].Question_Type />
		<cfset baseData[q]["answers"] = StructNew() />
	</cfif>
	<cfloop index="a" from="1" to="#ArrayLen(base[q].Answers)#">
		<cfif base[q].Answers[a].Answer_Active eq 1>
			<cfset n = base[q].Answers[a].Answer_Number />
			<cfset baseData[q]["answers"][n] = StructNew() />
			<!--- <cfset baseData[q]["answers"][n]["programYear"] = qWorkshop.Program_Year /> --->
			<cfset baseData[q]["answers"][n]["answer"] = base[q].Answers[a].Answer />
			<cfset baseData[q]["answers"][n]["count"] = base[q].Answers[a].Response_Count />
			<cfset baseData[q]["answers"][n]["percent"] = base[q].Answers[a].Response_Percent />
		</cfif>
	</cfloop>
</cfloop>

<!--- build trend data --->
<cfquery name="getProgramYears" dbtype="query">
	select distinct Program_Year from trendWorkshops where Program_Year != '2008-2009' order by Program_Year
</cfquery>
<cfset programYears = ValueList(getProgramYears.Program_Year) />
<cfif ListLen(programYears) gt 1>
	<cfloop index="py" list="#programYears#">
		<cfif Workshop_ID gt 0 or Site_ID gt 0>
			<cfset trend = evaluationGateway.report(siteIDs = qSite.Site_ID, programYear = py) />
		<cfelseif Organization_ID gt 0>
			<cfset trend = evaluationGateway.report(organizationIDs = Organization_ID, programYear = py) />
		<cfelseif County_ID gt 0>
			<cfset trend = evaluationGateway.report(countyIDs = County_ID, programYear = py) />
		<cfelseif Region_ID gt 0>
			<cfset trend = evaluationGateway.report(regionIDs = Region_ID, programYear = py) />
		<cfelse>
			<cfset trend = evaluationGateway.report(programYear = py) />
		</cfif>
		<cfquery name="getProgramYearWorkshopCount" dbtype="query">
			select count(*) as workshopCount from trendWorkshops where Program_Year = '#py#'
		</cfquery>
		<cfset workshopCount = getProgramYearWorkshopCount.workshopCount />
		<cfloop index="q" list="#questions#">
			<cfif NOT StructKeyExists(trendData, q)>
				<cfset trendData[q] = StructNew()>
				<cfset trendData[q]["question"] = trend[q].Question />
				<cfset trendData[q]["responseCount"] = trend[q].Response_Count />
				<cfset trendData[q]["noResponseCount"] = trend[q].No_Response_Count />
				<cfset trendData[q]["multiResponseCount"] = trend[q].Multi_Response_Count />
				<cfset trendData[q]["required"] = trend[q].Question_Required />
				<cfset trendData[q]["type"] = trend[q].Question_Type />
				<cfset trendData[q]["answers"] = StructNew() />
			</cfif>
			<cfloop index="a" from="1" to="#ArrayLen(trend[q].Answers)#">
				<cfif trend[q].Answers[a].Answer_Active eq 1>
					<cfset n = trend[q].Answers[a].Answer_Number />
					<cfif NOT StructKeyExists(trendData[q]["answers"], n)>
						<cfset trendData[q]["answers"][n] = ArrayNew(1) />
					</cfif>
					<cfset dataSet = StructNew() />
					<cfset dataSet["programYear"] = py />
					<cfset dataSet["workshopCount"] = workshopCount />
					<cfset dataSet["answer"] = trend[q].Answers[a].Answer />
					<cfset dataSet["count"] = trend[q].Answers[a].Response_Count />
					<cfset dataSet["percent"] = trend[q].Answers[a].Response_Percent />
					<cfset ArrayAppend(trendData[q]["answers"][n], dataSet) />
				</cfif>
			</cfloop>
		</cfloop>
	</cfloop>
</cfif>

<!--- build gender data --->
<cfset genderAnswers = baseData[11].answers />
<cfset genderData["totalCount"] = 0 />
<cfloop item="k" collection="#genderAnswers#">
	<cfif genderAnswers[k].answer neq "Decline to answer">
		<cfset genderData[LCase(genderAnswers[k].answer) & "Count"] = genderAnswers[k].count>
		<cfset genderData[LCase(genderAnswers[k].answer) & "Percent"] = genderAnswers[k].percent>
	<cfelse>
		<cfset genderData["declineToAnswerCount"] = genderAnswers[k].count>
		<cfset genderData["declineToAnswerPercent"] = genderAnswers[k].percent>
	</cfif>
	<cfset genderData["totalCount"] = genderData["totalCount"] + genderAnswers[k].count />
</cfloop>
<cfset genderData["femaleOnCount"] = Int(genderData.femalePercent/10) />
<cfset genderData["femaleOffCount"] = 10 - genderData["femaleOnCount"] />
<cfset genderData["femaleCountLeadingCols"] = genderData["femaleOnCount"] - 1 />
<cfset genderData["femaleCountTrailingCols"] = 9 - genderData["femaleCountLeadingCols"] />
<cfset genderData["maleOnCount"] = Int(genderData.malePercent/10) />
<cfset genderData["maleOffCount"] = 10 - genderData["maleOnCount"] />
<cfset genderData["maleCountLeadingCols"] = genderData["maleOnCount"] - 1 />
<cfset genderData["maleCountTrailingCols"] = 9 - genderData["maleCountLeadingCols"] />

<!--- build GDS Data --->
<cfset gdsData["totalCount"] = 0 />
<cfset gdsData["fafsaSubmitted"] = 0 />
<cfset gdsData["fafsaCompleted"] = 0 />
<cfset gdsData["fafsaCompletedPercent"] = 0 />
<cfset gdsData["fafsaPellEligible"] = 0 />
<cfset gdsData["fafsaDollarsAwarded"] = 0 />
<cfset gdsData["calgrantSubmitted"] = 0 />
<cfset gdsData["calgrantCompleted"] = 0 />
<cfset gdsData["calgrantCompletedPercent"] = 0 />
<cfset gdsData["calgrantAwarded"] = 0 />
<cfset gdsData["calgrantAwardedPercent"] = 0 />
<cfset gdsData["calgrantDollarsAwarded"] = 0 />
<cfloop query="gds">
	<cfset gdsData["totalCount"] = gdsData["totalCount"] + 1 />
	<!--- submitted = SSN value --->
	<cfif Len(SSN) gt 0>
		<cfset gdsData["fafsaSubmitted"] = gdsData["fafsaSubmitted"] + 1 />
		<!--- fafsa/dream act completed --->
		<cfif Len(Trim(Primary_EFC)) gt 0>
			<cfset gdsData["fafsaCompleted"] = gdsData["fafsaCompleted"] + 1 />
				<cfif Pell_Eligible eq "y">
					<cfset gdsData["fafsaPellEligible"] = gdsData["fafsaPellEligible"] + 1 />
					<cfset gdsData["fafsaDollarsAwarded"] = gdsData["fafsaDollarsAwarded"] + 3685 />
				</cfif>
		</cfif>
		<!--- calgrant submitted --->
		<cfif Len(GPA) gt 0>
			<cfset gdsData["calgrantSubmitted"] = gdsData["calgrantSubmitted"] + 1 />
			<!--- calgrant completed --->
			<cfif Len(Trim(Primary_EFC)) gt 0 and (On_Time_ISIR eq "y" or On_Time_Dream_Act eq "y")>
				<cfset gdsData["calgrantCompleted"] = gdsData["calgrantCompleted"] + 1 />
				<cfif Award_Status_Code_1 eq "50" or Award_Status_Code_1 eq "25" or Award_Status_Code_2 eq "50" or Award_Status_Code_2 eq "25" or Award_Status_Code_3 eq "50" or Award_Status_Code_3 eq "25">
					<cfset gdsData["calgrantAwarded"] = gdsData["calgrantAwarded"] + 1 />
					<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + 1 />
					<cfif Award_Status_Code_1 eq "50">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_1 />
					<cfelseif Award_Status_Code_2 eq "50">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_2 />
					<cfelseif Award_Status_Code_3 eq "50">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_3 />
					<cfelseif Award_Status_Code_1 eq "25">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_1 />
					<cfelseif Award_Status_Code_2 eq "25">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_2 />
					<cfelseif Award_Status_Code_3 eq "25">
						<cfset gdsData["calgrantDollarsAwarded"] = gdsData["calgrantDollarsAwarded"] + Graw_Amount_3 />
					</cfif>
				</cfif>
			</cfif>
		</cfif>
	</cfif>
</cfloop>
<cfif gdsData["fafsaSubmitted"] gt 0>
	<cfset gdsData["fafsaCompletedPercent"] = Int(gdsData["fafsaCompleted"]/gdsData["fafsaSubmitted"]*100) />
	<cfset gdsData["fafsaCompletedGingerbreadCount"] = Int(gdsData["fafsaCompleted"]/gdsData["fafsaSubmitted"]*10) />
<cfelse>
	<cfset gdsData["fafsaCompletedPercent"] = 0 />
	<cfset gdsData["fafsaCompletedGingerbreadCount"] = 0 />
</cfif>
<cfset gdsData["fafsaSubmittedGingerbreadCount"] = 10 - gdsData["fafsaCompletedGingerbreadCount"] />
<cfset gdsData["fafsaCountLeadingCols"] = (Int(gdsData["fafsaCompletedPercent"]/10)) - 1 />
<cfset gdsData["fafsaCountTrailingCols"] = 9 - gdsData["fafsaCountLeadingCols"] />
<cfif gdsData["calgrantSubmitted"] gt 0>
	<cfset gdsData["calgrantCompletedPercent"] = Int(gdsData["calgrantCompleted"]/gdsData["calgrantSubmitted"]*100) />
	<cfset gdsData["calgrantAwardedPercent"] = Int(gdsData["calgrantAwarded"]/gdsData["calgrantSubmitted"]*100) />
	<cfset gdsData["calgrantAwardedGingerbreadCount"] = Int(gdsData["calgrantAwarded"]/gdsData["calgrantSubmitted"]*10) />
	<cfset gdsData["calgrantCompletedGingerbreadCount"] = Int(gdsData["calgrantCompleted"]/gdsData["calgrantSubmitted"]*10) - gdsData["calgrantAwardedGingerbreadCount"] />
<cfelse>
	<cfset gdsData["calgrantCompletedPercent"] = 0 />
	<cfset gdsData["calgrantAwardedPercent"] = 0 />
	<cfset gdsData["calgrantAwardedGingerbreadCount"] = 0 />
	<cfset gdsData["calgrantCompletedGingerbreadCount"] = 0 />
</cfif>
<cfset gdsData["calgrantSubmittedGingerbreadCount"] = 10 - (gdsData["calgrantAwardedGingerbreadCount"] + gdsData["calgrantCompletedGingerbreadCount"]) />
<cfset gdsData["calgrantCountLeadingColsTop"] = (Int(gdsData["calgrantCompletedPercent"]/10)) - 1 />
<cfset gdsData["calgrantCountTrailingColsTop"] = 9 - gdsData["calgrantCountLeadingColsTop"] />
<cfset gdsData["calgrantCountLeadingColsBottom"] = (Int(gdsData["calgrantAwardedPercent"]/10)) - 1 />
<cfset gdsData["calgrantCountTrailingColsBottom"] = 9 - gdsData["calgrantCountLeadingColsBottom"] />

<!--- <style type="text/css">
	/*body {font-family: "Tw Cen MT", Futura, Helvetica, Arial;}*/
	.sideLabel {font-size: 1em; margin-bottom: 0; font-weight: 700;}
	.sideText {font-family: "Open Sans Condensed"; font-size: 1.6em; margin-bottom: 10px; font-weight: 300;} /* condensed */
	.statHeader {font-family: "Open Sans Condensed"; font-size: 1.8em; padding-bottom: 12px; font-weight: 700;} /* condensed */
	
	.default {color: #aad9e7;}
	.aqua {color: #55b4d0;}
	.blue {color: #2682d6;}
	.blueDark {color: #0f2a88;}
	.green {color: #5dba5d;}
	.greenDark {color: #417630;}
	.greyDark {color: #444444;}
	.greyLight {color: #aaa89a;}
	.white {color: #fff;}
	.goldDark {color: #C90;}
	
	#mainTable {width: 940px;}
	#leftCol {min-width: 160px; background-color: #55b4d0; vertical-align: top;}
	#leftColHeader {width: 160px; height: 247px; padding-top: 20px; color: gold; vertical-align: top; background-image: url('/assets/calgrants/ui/images/hdwd/left-col-header.png'); background-repeat: no-repeat; background-position: top; background-size: contain;}
	.logo {padding-bottom: 4px;}
	.howDid, .in20XX {font-family: "Open Sans Condensed"; font-size: 2em; font-weight: 700; text-align: center; line-height: 1em;} /* condensed */
	.weDo {font-family: "Open Sans Condensed"; font-size: 3em; font-weight: 700; text-align: center; line-height: 1em;} /* condensed */
	#leftColBody {width: 160px; height: 100%; padding: 0 10px; background-image: url('/assets/calgrants/ui/images/hdwd/logo.png'); background-repeat: repeat-x;}
	
	#bodyCol {width: 100%; background-color: #fff; padding: 20px 20px; vertical-align: top;}

	.smallTeardropRow td {font-size: 1.4em; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; line-height: 1em;}
	.smallTeardropLabelRow td {height: 24px; font-size: 1.2em; text-align: center;}
	
	.gingerbreadTable {width: 280px;}
	.gingerbreadTopRow td, .gingerbreadBottomRow td  {width: 30px; height: 37px; font-size: 0.8em; font-weight: bold; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-size: contain;}
	.gingerbreadUpperRow td, .gingerbreadLowerRow td {width: 30px; height: 66px;}
	
	.greenMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/green-marker-down.png'); background-position: bottom;}
	.blueMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/blue-marker-down.png'); background-position: bottom;}
	.defaultMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/default-marker-down.png'); background-position: bottom;}
	.greenMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/green-marker-up.png'); background-position: top;}
	.blueMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/blue-marker-up.png'); background-position: top;}
	.defaultMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/default-marker-up.png'); background-position: top;}
	
	.teardropDownSmall td {width: 87px; height: 87px; background-repeat: no-repeat; background-position: center; background-size: contain;}
	.defaultTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-down-small.png');}
	.aquaTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-down-small.png');}
	.blueTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-down-small.png');}
	.blueDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-down-small.png');}
	.greenTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-down-small.png');}
	.greenDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-down-small.png');}
	.greyDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-down-small.png');}
	
	.teardrop td {width: 80px; height: 80px; color: #fff; font-size: 1em; font-weight: bold; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
	.defaultTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-ne.png');}
	.aquaTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-ne.png');}
	.blueTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-ne.png');}
	.blueDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-ne.png');}
	.greenTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-ne.png');}
	.greenDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-ne.png');}
	.greyDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-ne.png');}
	
	.teardropSmall td {width: 60px; height: 60px; color: #fff; font-size: 0.8em; font-weight: bold; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
	.teardropHalfSmall td {height: 30px;}
	.defaultTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-ne-small.png');}
	.aquaTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-ne-small.png');}
	.blueTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-ne-small.png');}
	.blueDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-ne-small.png');}
	.greenTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-ne-small.png');}
	.greenDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-ne-small.png');}
	.greyDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-ne-small.png');}
	.defaultTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-nw-small.png');}
	.aquaTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-nw-small.png');}
	.blueTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-nw-small.png');}
	.blueDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-nw-small.png');}
	.greenTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-nw-small.png');}
	.greenDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-nw-small.png');}
	.greyDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-nw-small.png');}
	
	.teardropXSmall td {width: 40px; color: #fff; font-weight: bold; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
	.defaultTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-nw-xsmall.png');}
	.aquaTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-nw-xsmall.png');}
	.blueTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-nw-xsmall.png');}
	.blueDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-nw-xsmall.png');}
	.greenTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-nw-xsmall.png');}
	.greenDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-nw-xsmall.png');}
	.greyDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-nw-xsmall.png');}

	.tearpanel td {width: 33px; height: 110px; color: #fff; font-size: 0.8em; font-weight: bold; line-height: 1em; background-repeat: no-repeat; background-size: contain;}
	.femaleTearpanel {background-image: url('/assets/calgrants/ui/images/hdwd/female-tearpanel.png'); background-position: top;}
	.maleTearpanel {background-image: url('/assets/calgrants/ui/images/hdwd/male-tearpanel.png'); background-position: bottom;}
	
	.femaleGreen {background-image: url('/assets/calgrants/ui/images/hdwd/female-green.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	.femaleBlue {background-image: url('/assets/calgrants/ui/images/hdwd/female-blue.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	.femaleDefault {background-image: url('/assets/calgrants/ui/images/hdwd/female-default.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	.maleGreen {background-image: url('/assets/calgrants/ui/images/hdwd/male-green.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	.maleBlue {background-image: url('/assets/calgrants/ui/images/hdwd/male-blue.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	.maleDefault {background-image: url('/assets/calgrants/ui/images/hdwd/male-default.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}

	.ratingPercentRow td {font-family: "Open Sans Condensed"; font-size: 4em; font-weight: 700; text-align: center; line-height: 1em;} /* condensed */
	.ratingPercentLabelRow td {font-size: 1.4em; text-align: center; line-height: 1em;}
	span.ratingPercentSymbol {font-size: 0.8em;}
	.legendTable td {font-size: 1em; padding: 2px 2px; line-height: 1em; color: #aaa89a;}
	#genderPercentages td {color: #fff; font-size: 0.8em; font-weight: bold; text-align: center; vertical-align: middle;}
	.baseChartContainer {width: 200px; height: 200px;}
	.trendChartLabel {font-size: 1em; line-height: 1em; color: #aaa89a; height: 40px; text-align: right; vertical-align: bottom;}
	.trendChartContainer {width: 320px; height: 200px;}
	
	.dollarArrow td {height: 80px;}
	.arrow {width: 210px; background-repeat: no-repeat; background-position: left; background-size: contain; font-size: 0.8em; color: #fff; padding-left: 4px; line-height: 1em;}
	.blueArrowRight {background-image: url('/assets/calgrants/ui/images/hdwd/blue-arrow-right.png');}
	.greenArrowRight {background-image: url('/assets/calgrants/ui/images/hdwd/green-arrow-right.png');}
	.dollarAward {font-family: "Open Sans Condensed"; font-size: 2.6em; font-weight: 700; color: #5dba5d; text-align: center;} /* condensed */
</style> --->

<!--- <cfdocument format="PDF" backgroundvisible="yes" fontembed="yes" marginbottom="0" marginleft="0" marginright="0" margintop="0" pageheight="11" pagewidth="8.5" unit="in"> --->

<!DOCTYPE html>
<html>
<head>
	<link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700|Cabin+Condensed:400,500,600,700|Open+Sans:300,400,600,700,800|Open+Sans+Condensed:300,700" rel="stylesheet" type="text/css" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Cash for College How Did We Do Report</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Cash for College How Did We Do Report">
	<meta name="author" content="Syntric">
	<!--- <link href="/assets/bootstrap/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" /> --->
	<link href="/assets/kendoui/styles/kendo.common.min.css" rel="stylesheet" />
	<link href="/assets/kendoui/styles/kendo.default.min.css" rel="stylesheet" />
	<!--- <link href="/assets/calgrants/ui/common.css" rel="stylesheet" /> --->
	<link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="/assets/font-awesome/css/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
	<script src="/assets/jquery/jquery.min.js" type="text/javascript"></script>
	<!--- <script src="/assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> --->
	<script src="/assets/kendoui/js/kendo.all.min.js" type="text/javascript"></script>
	<!--- <script src="/assets/calgrants/ui/common.js" type="text/javascript"></script> --->
	<style type="text/css">
		body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0;}
		.sideLabel {font-size: 0.9em; margin-bottom: 0; font-weight: 700;}
		.sideText {font-family: "Open Sans Condensed"; font-size: 1.4em; margin-bottom: 10px; font-weight: 400;} /* condensed */
		.statHeader {font-family: "Cabin Condensed"; font-size: 1.8em; padding-bottom: 12px; font-weight: 700;} /* condensed */
		
		.default {color: #aad9e7;}
		.aqua {color: #55b4d0;}
		.blue {color: #2682d6;}
		.blueDark {color: #0f2a88;}
		.green {color: #5dba5d;}
		.greenDark {color: #417630;}
		.greyDark {color: #444444;}
		.greyLight {color: #aaa89a;}
		.white {color: #fff;}
		.goldDark {color: #C90;}
		hr {
			border: 0;
			border-bottom: 3px solid #ccc;
			background: #fff;
		}
		
		#mainTable {width: 940px;}
		#leftCol {min-width: 160px; padding-top: 12px; background-image: url('/assets/calgrants/ui/images/hdwd/left-col-bg.png'); background-repeat: repeat-y; background-size: contain;}
		#bodyCol {width: 100%; background-color: #fff; padding-top: 12px; padding-left: 20px;}
		
		
		#leftColHeader {width: 160px; height: 247px; color: gold; vertical-align: top; background-image: url('/assets/calgrants/ui/images/hdwd/left-col-header.png'); background-repeat: no-repeat; background-size: contain;}
		#leftColBody {width: 160px; padding: 0 10px;}
		
		.logo {padding-bottom: 4px;}
		.howDid {font-family: "Cabin Condensed"; font-size: 2.4em; font-weight: 500; text-align: center; line-height: 0.9em;} /* condensed */
		.weDo {font-family: "Cabin Condensed"; font-size: 3.3em; font-weight: 500; text-align: center; line-height: 0.9em;} /* condensed */
		.in20XX {font-family: "Cabin Condensed"; font-size: 2.8em; font-weight: 500; text-align: center; line-height: 0.9em;} /* condensed */
	
		.smallTeardropRow td {font-size: 1.4em; font-weight: 600; color: #fff; text-align: center; vertical-align: middle; line-height: 1em;}
		.smallTeardropLabelRow td {height: 24px; font-size: 1.2em; text-align: center;}
		
		.gingerbreadTable {width: 280px;}
		<cfif baseResponses lt 10000>
			.gingerbreadTopRow td, .gingerbreadBottomRow td  {width: 30px; height: 40px; font-size: 0.7em; font-weight: 700; line-height: 1em; text-align: center;}
		<cfelse>
			.gingerbreadTopRow td, .gingerbreadBottomRow td  {width: 30px; height: 40px; font-size: 0.6em; font-weight: 600; line-height: 1em; text-align: center;}
		</cfif>
		.gingerbreadUpperRow td, .gingerbreadLowerRow td {width: 30px; height: 66px;}
		
		/*.greenMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/green-marker-down.png'); background-position: bottom;}
		.blueMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/blue-marker-down.png'); background-position: bottom;}
		.defaultMarkerDown {background-image: url('/assets/calgrants/ui/images/hdwd/default-marker-down.png'); background-position: bottom;}
		.greenMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/green-marker-up.png'); background-position: top;}
		.blueMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/blue-marker-up.png'); background-position: top;}
		.defaultMarkerUp {background-image: url('/assets/calgrants/ui/images/hdwd/default-marker-up.png'); background-position: top;}*/
	
		.teardropDownSmall td {width: 87px; height: 87px; background-repeat: no-repeat; background-position: center; background-size: contain;}
		.defaultTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-down-small.png');}
		.aquaTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-down-small.png');}
		.blueTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-down-small.png');}
		.blueDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-down-small.png');}
		.greenTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-down-small.png');}
		.greenDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-down-small.png');}
		.greyDarkTeardropDownSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-down-small.png');}
		
		.teardrop td {width: 80px; height: 80px; color: #fff; font-size: 1em; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
		.defaultTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-ne.png');}
		.aquaTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-ne.png');}
		.blueTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-ne.png');}
		.blueDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-ne.png');}
		.greenTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-ne.png');}
		.greenDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-ne.png');}
		.greyDarkTeardropNE {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-ne.png');}
		
		<cfif baseResponses lt 10000>
			.teardropSmall td {width: 60px; height: 60px; color: #fff; font-size: 0.7em; font-weight: 600; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
			.upsize150 {font-size: 1.5em; font-weight: 700;}
		<cfelse>
			.teardropSmall td {width: 60px; height: 60px; color: #fff; font-size: 0.7em; font-weight: 600; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
			.upsize150 {font-size: 1.4em; font-weight: 700;}
		</cfif>
	
		.teardropHalfSmall td {height: 30px;}
		.defaultTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-ne-small.png');}
		.aquaTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-ne-small.png');}
		.blueTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-ne-small.png');}
		.blueDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-ne-small.png');}
		.greenTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-ne-small.png');}
		.greenDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-ne-small.png');}
		.greyDarkTeardropNESmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-ne-small.png');}
		.defaultTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-nw-small.png');}
		.aquaTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-nw-small.png');}
		.blueTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-nw-small.png');}
		.blueDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-nw-small.png');}
		.greenTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-nw-small.png');}
		.greenDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-nw-small.png');}
		.greyDarkTeardropNWSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-nw-small.png');}
		
		.teardropXSmall td {width: 40px; color: #fff; line-height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain;}
		.defaultTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/default-teardrop-nw-xsmall.png');}
		.aquaTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/aqua-teardrop-nw-xsmall.png');}
		.blueTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-teardrop-nw-xsmall.png');}
		.blueDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/blue-dark-teardrop-nw-xsmall.png');}
		.greenTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-teardrop-nw-xsmall.png');}
		.greenDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/green-dark-teardrop-nw-xsmall.png');}
		.greyDarkTeardropNWXSmall {background-image: url('/assets/calgrants/ui/images/hdwd/grey-dark-teardrop-nw-xsmall.png');}
	
		.tearpanel td {width: 33px; height: 125px; color: #fff; font-size: 0.8em; font-weight: 600; line-height: 1em; background-repeat: no-repeat; background-size: contain;}
		.femaleTearpanel {background-image: url('/assets/calgrants/ui/images/hdwd/female-tearpanel.png'); background-position: top;}
		.maleTearpanel {background-image: url('/assets/calgrants/ui/images/hdwd/male-tearpanel.png'); background-position: bottom;}
		
		.femaleGreen {background-image: url('/assets/calgrants/ui/images/hdwd/female-green.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
		.femaleBlue {background-image: url('/assets/calgrants/ui/images/hdwd/female-blue.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
		.femaleDefault {background-image: url('/assets/calgrants/ui/images/hdwd/female-default.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
		.maleGreen {background-image: url('/assets/calgrants/ui/images/hdwd/male-green.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
		.maleBlue {background-image: url('/assets/calgrants/ui/images/hdwd/male-blue.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
		.maleDefault {background-image: url('/assets/calgrants/ui/images/hdwd/male-default.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
	
		.ratingPercentRow td {font-family: "Open Sans Condensed"; font-size: 4em; font-weight: 700; text-align: center; line-height: 1em; padding: 6px;} /* condensed */
		.ratingPercentLabelRow td {font-family: "Cabin"; font-size: 1.4em; font-weight: 6; text-align: center; line-height: 1em; padding: 6px;}
		span.ratingPercentSymbol {font-size: 0.8em;}
		.legendTable td {font-size: 0.8em; padding: 4px 2px; line-height: 1em; font-size: 500; color: #aaa89a;}
		#genderPercentages td {color: #fff; font-size: 0.8em; font-weight: bold; text-align: center; vertical-align: middle;}
		.baseChartContainer {width: 200px; height: 200px;}
		.trendChartLabel {font-size: 1em; line-height: 1em; color: #aaa89a; height: 40px; text-align: right; vertical-align: bottom;}
		.trendChartContainer {width: 320px; height: 200px;}
		
		.dollarArrow td {height: 80px;}
		.arrow {width: 210px; background-repeat: no-repeat; background-position: left; background-size: contain; font-size: 0.8em; color: #fff; padding-left: 6px; line-height: 1em;}
		.blueArrowRight {background-image: url('/assets/calgrants/ui/images/hdwd/blue-arrow-right.png');}
		.greenArrowRight {background-image: url('/assets/calgrants/ui/images/hdwd/green-arrow-right.png');}
		.dollarAward {font-family: "Open Sans Condensed"; font-size: 2.6em; font-weight: 700; color: #5dba5d; text-align: center;} /* condensed */
		
		.mission {width: 160px; padding: 10px 10px; font-size: 0.7em; color: #fff; line-height: 1.1em; background-image: url('/assets/calgrants/ui/images/hdwd/left-col-bg.png'); background-repeat: repeat-y; background-size: contain;}
	</style>
	
	<script type="application/javascript">
	<!--
		<cfoutput>
			var programYears = [#QuotedValueList(getProgramYears.Program_Year)#];
			var baseData = #SerializeJSON(baseData)#;
			var trendData = #SerializeJSON(trendData)#;
			//var colors = #SerializeJSON(colors)#;
		</cfoutput>
		
		var donutLabelTemplate = "#= dataItem.percent#%";
		var donutLegendTemplate = "#= dataItem.name#";
		
		var pieLabelTemplate = "#= dataItem.name# - #= dataItem.percent#%";
		var pieLegendTemplate = "#= dataItem.name# - #= dataItem.percent#%";
		var pieTooltipTemplate = "#= dataItem.name# - #= dataItem.percent#";
		var donutTooltipTemplate = "#= dataItem.count# responses = #= dataItem.percent#%";
		var barLabelTemplate = "#= dataItem.name# - #= dataItem.percent#%";
		var barLegendTemplate = "#= text#";
		var barTooltipTemplate = "#= dataItem.count# responses = #= dataItem.percent#%";
		var donutLabelFont = "9px Arial,Helvetical,sans-serif";
		var labelFont = "9px Arial,Helvetical,sans-serif";
		var legendFont = "9px Arial,Helvetical,sans-serif";
		var tooltipFont = "9px Arial,Helvetical,sans-serif";
		/*var d = [
			{name: "Excellent", data: [80, null, 85, 90]},
			{name: "Good", data: [15, null, 10, 5]},
			{name: "Fair", data: [3, null, 3, 3]},
			{name: "Poor", data: [2, null, 2, 2]}
		];*/
		getBaseQuestionData = function(q) {
			var d = baseData[q]["answers"];
			var r = [];
			for (var k in d) {
				if (d[k]["count"] > 0) {
					var s = {};
					if (q == 7) {
						if (d[k]["answer"] == true) {
							s["name"] = "Senior";
						} else if (d[k]["answer"] == false) {
							s["name"] = "Non-senior";
						} else {
							s["name"] = "Family member of senior";
						}
					} else {
						if (d[k]["answer"] == true) {
							s["name"] = "Yes";
						} else if (d[k]["answer"] == false) {
							s["name"] = "No";
						} else {
							s["name"] = d[k]["answer"];
						}
					}
					s["count"] = parseInt(d[k]["count"]);
					s["percent"] = parseInt(d[k]["percent"]);
					r.push(s);
				}
			}
			console.log(r);
			return r;
		}
		getTrendQuestionData = function(q) {
			var d = trendData[q]["answers"];
			var r = [];
			for (var k in d) {
				var s = {};
				s["counts"] = [];
				s["percents"] = [];
				s["data"] = [];
				for (var j=0; j<d[k].length; j++) {
					s["name"] = d[k][j]["answer"];
					s["counts"].push(parseInt(d[k][j]["count"]));
					s["percents"].push(parseInt(d[k][j]["percent"]));
					s["data"].push(parseInt(d[k][j]["percent"]));
				}
				r.push(s);
			}
			console.log(r);
			return r;
		}
		// use as theme: 'newTheme'
		kendo.dataviz.ui.registerTheme("hdwd", {
			"chart": {
				"title": {
					"color": "#000000"
				},
				"legend": {
					"labels": {
						"color": "#aaa89a"
					}
				},
				"chartArea": {
					"background": "rgba(0, 0, 0, 0)"
				},
				"seriesDefaults": {
					"labels": {
						"color": "#aaa89a"
					}
				},
				"axisDefaults": {
					"line": {
						"color": "#aaa89a"
					},
					"labels": {
						"color": "#aaa89a"
					},
					"minorGridLines": {
						"color": "#aaa89a"
					},
					"majorGridLines": {
						"color": "#aaa89a"
					},
					"title": {
						"color": "#aaa89a"
					}
				},
				"seriesColors": [
					"#1a307b",
					"#5bb65e",
					"#2682d6",
					"#55b4d0",
					"#417630",
					"#444444"
				],
				"tooltip": {}
			},
			/*"gauge": {
				"pointer": {
					"color": "#10c4b2"
				},
				"scale": {
					"rangePlaceholderColor": "#cdcdcd",
					"labels": {
						"color": "#4c5356"
					},
					"minorTicks": {
						"color": "#4c5356"
					},
					"majorTicks": {
						"color": "#4c5356"
					},
					"line": {
						"color": "#4c5356"
					}
				}
			}*/
		});
		colors = ["#2682d6","#5dba5d","#0f2a88","#55b4d0","#417630","#aad9e7","#444444","#2682d6","#5dba5d","#0f2a88","#55b4d0","#417630","#aad9e7","#444444","#2682d6","#5dba5d","#0f2a88","#55b4d0","#417630","#aad9e7","#444444"];
		/*parseQuestions = function(questions) {
			for (var q = 0; q < questions.length; q++) {
				questions[q].QUESTION_NUMBER = parseInt(questions[q].QUESTION_NUMBER);
				questions[q].RESPONSE_COUNT = parseInt(questions[q].RESPONSE_COUNT);
				questions[q].MULTI_RESPONSE_COUNT = parseInt(questions[q].MULTI_RESPONSE_COUNT);
				questions[q].NO_RESPONSE_COUNT = parseInt(questions[q].NO_RESPONSE_COUNT);
			}
			return questions;
		}
		parseAnswers = function(answers) {
			for (var a = 0; a < answers.length; a++) {
				if (answers[a].ANSWER === true) {
					answers[a].ANSWER = "Yes ";
				} else if (answers[a].ANSWER === false) {
					answers[a].ANSWER = "No ";
				}
				answers[a].ANSWER_NUMBER = parseInt(answers[a].ANSWER_NUMBER);
				answers[a].RESPONSE_COUNT = parseInt(answers[a].RESPONSE_COUNT);
				answers[a].RESPONSE_PERCENT = parseFloat(answers[a].RESPONSE_PERCENT);
				//answers[a].RESPONSE_OTHER = answers[a].ANSWER_VALUES.toString();
				answers[a].EXPLODE = false;
			}
			return answers;
		}*/
		renderDonutChart = function(q) {
			$("#q" + q + "DonutChart").kendoChart({
				series: [{
					type: "donut",
					data: getBaseQuestionData(q),
					field: "percent",
					categoryField: "name",
					overlay: {gradient: "none"},
					startAngle: 90,
					labels: {
						align: "circle",
						//background: "#fff",
						color: "#aaa89a",
						distance: 16,
						//padding: 0,
						//margin: 0,
						//font: donutLabelFont,
						position: "outsideEnd",
						template: donutLabelTemplate,
						visible: true
					},
					border: {width: 2, color: "#fff"}
				}],
				chartArea: {
					width: 200,
					height: 180,
					margin: 0
				},
				seriesColors: colors,
				legend: {
					visible: false,
					position: "bottom",
					//background: "#c2c2c2",
					labels: {
						font: donutLabelFont,
						template: donutLegendTemplate
					}
				},
				tooltip: {
					visible: false,
					//font: tooltipFont,
					template: donutTooltipTemplate
				}
			})
			/*if (q == 6) {
				var chart = $("#q" + q + "DonutChart").data("kendoChart");
				var svg = chart.svg();
				console.log(svg);
			}*/
		}
		renderTrendLineChart = function(q) {
			$("#q" + q + "TrendLineChart").kendoChart({
				legend: {visible: false},
				seriesDefaults: {
					type: "line",
					opacity: 1
				},
				series: getTrendQuestionData(q),
				seriesColors: colors,
				chartArea: {
					width: 320,
					height: 200
				},
				valueAxis: {
					min: 0,
					max: 100,
					labels: {format: "{0}%", color: "#aaa89a"},
					line: {visible: false}, 
					majorUnit: 25,
					minorUnit: 12.5,
					majorGridLines: {visible: true, width: 1, dashType: "dot"},
					minorGridLines: {visible: true, width: 1, dashType: "dot"}
				},
				categoryAxis: {
					categories: programYears,
					labels: {
						template: function(d) {
							return d.value.split("-")[1];
						},
						color: "#aaa89a",
						rotation: -45
					},
					line: {visible: false},
					majorGridLines: {visible: false},
					minorGridLines: {visible: false}	
				}
			})
		}
		renderTrendAreaChart = function(q) {
			$("#q" + q + "TrendAreaChart").kendoChart({
				legend: {visible: false},
				seriesDefaults: {
					type: "area",
					opacity: 1
				},
				series: getTrendQuestionData(q),
				seriesColors: colors,
				chartArea: {
					width: 320,
					height: 200
				},
				valueAxis: {
					min: 0,
					max: 100,
					labels: {format: "{0}%", color: "#aaa89a"},
					line: {visible: false}, 
					majorUnit: 25,
					minorUnit: 12.5,
					majorGridLines: {visible: true, width: 1, dashType: "dot"},
					minorGridLines: {visible: true, width: 1, dashType: "dot"}
				},
				categoryAxis: {
					categories: programYears,
					labels: {
						template: function(d) {
							return d.value.split("-")[1];
						},
						color: "#aaa89a",
						rotation: -45
					},
					line: {visible: false},
					majorGridLines: {visible: false},
					minorGridLines: {visible: false}	
				}
			})
		}
		getChartImage = function(q) {
			var chart = $("#q11Chart").data("kendoChart");
			var img = chart.imageDataURL();
			console.log(img);
			//document.location.href = img;
		}
		/*renderBarChart = function(q) {
			var question = questions[q-1];
			var answers = parseAnswers(question.ANSWERS);
			$("#q" + q + "Chart").kendoChart({
				//theme: $(document).data("kendoSkin") || "metro",
				dataSource: answers,
				plotArea: {
					margin: {
						right: 200
					}
				},
				series: [{
					type: "bar",
					field: "RESPONSE_PERCENT",
					categoryField: "ANSWER",
					labels: {visible: true, font: labelFont, template: barLabelTemplate, position: "outsideEnd"},
					missingValue: "zero",
					gap: 0.4,
					spacing: 0.2,
					markers: {visible: true, border: {width: 2, size: 6}},
					padding: 50
				}],
				valueAxis: {
					title: {visible: false, text: "valueAxis"},
					labels: {template: "#= value#%"},
					majorGridLines: {visible: true, color: "gray"},
					majorTicks: {visible: true, color: "gray"},
					minorGridLines: {visible: false, color: "silver"},
					minorTicks: {visible: false, color: "silver"},
					plotBands: [{
						from: 49,
						to: 51,
						color: "gray",
						opacity: 0.3
					}]
				},
				categoryAxis: {
					title: {visible: false, text: "categoryAxis"},
					majorGridLines: {visible: false},
					majorTicks: {visible: false}
				},
				legend: {
					visible: false,
					position: "left",
					labels: {font: legendFont, template: barLegendTemplate}
				},
				tooltip: {
					visible: true,
					font: tooltipFont,
					template: barTooltipTemplate
				}
			})
		}*/
		$(function() {
			renderDonutChart(6);
			renderDonutChart(7);
			renderDonutChart(10);
			renderDonutChart(12);
			renderTrendLineChart(1);
			renderTrendLineChart(11);
			renderTrendAreaChart(7);
			renderTrendLineChart(12);
			renderTrendLineChart(6);
			renderTrendLineChart(10);
		})
	//-->
	</script>
</head>

<body>
<cfoutput>
	<table id="mainTable" border="0" cellpadding="0" cellspacing="0">
		<tr valign="top">
			<td id="leftCol">
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td id="leftColHeader" align="center">
						
							<table border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td class="logo" align="center"><img src="/assets/calgrants/ui/images/hdwd/cash-for-college-logo.png" /></td>
								<tr>
									<td class="howDid font-effect-fire-animiation">HOW DID</td>
								</tr>
								<tr>
									<td class="weDo font-effect-fire-animiation">WE DO</td>
								</tr>
								<tr>
									<td class="in20XX font-effect-fire-animiation">IN 2013?</td>
								</tr>
							</table>
							
						</td>
					</tr>
					<tr>
						<td id="leftColBody">
							<div class="sideLabel greyDark">Total Attendees</div>
							<div class="sideText white">#baseResponses#</div>
							<cfif IsDefined("site")>
								<div class="sideLabel greyDark">Site Name</div>
								<div class="sideText white">#site#</div>
							</cfif>
							<cfif IsDefined("city")>
								<div class="sideLabel greyDark">City</div>
								<div class="sideText white">#city#</div>
							</cfif>
							<cfif IsDefined("county")>
								<div class="sideLabel greyDark">County</div>
								<div class="sideText white">#county#</div>
							</cfif>
							<cfif IsDefined("region")>
								<div class="sideLabel greyDark">Region</div>
								<div class="sideText white">#region#</div>
							</cfif>
							<cfif IsDefined("siteType")>
								<div class="sideLabel greyDark">Site Type</div>
								<div class="sideText white">#siteType#</div>
							</cfif>
							<cfif IsDefined("siteSince")>
								<div class="sideLabel greyDark">Site Since</div>
								<div class="sideText white">#siteSince#</div>
							</cfif>
							<cfif IsDefined("computerBasedWorkshop")>
								<div class="sideLabel greyDark">Computer Based Workshop</div>
								<div class="sideText white">#YesNoFormat(computerBasedWorkshop)#</div>
							</cfif>
							<cfif IsDefined("organization")>
									<div class="sideLabel greyDark">Lead Organization</div>
									<div class="sideText white">#organization#</div>
							</cfif>
							<cfif IsDefined("organizationSince")>
								<div class="sideLabel greyDark">Organization Since</div>
								<div class="sideText white">#organizationSince#</div>
							</cfif>
							<cfif IsDefined("qualifiedScholarship")>
								<div class="sideLabel greyDark">Workshop Qualified to Offer Cash for College Scholarship?</div>
								<div class="sideText white">#YesNoFormat(qualifiedScholarship)#</div>
							</cfif>
							<cfif IsDefined("followUpRequests") and IsDefined("followUpRequestsPct")>
								<div class="sideLabel greyDark">Follow-Up Requests</div>
								<div class="sideText white">#followUpRequests# (#Int(followUpRequestsPct)#%)</div>
							</cfif>
							<cfif IsDefined("followedUp")>
								<div class="sideLabel greyDark">Used Follow-Up Platform?</div>
								<div class="sideText white"><cfif followedUp gt 0>Yes (#followedUp#)<cfelse>No</cfif></div>
							</cfif>
						</td>
					</tr>
					<tr>
						<td class="mission">
							Cash for College is California's public-private partnership FAFSA/CA Dream Act completion program administered by the California Student Aid Commission and its regional and local partners
						</td>
					</tr>
				</table>
			</td>
			<td id="bodyCol">

				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td width="49%" height="40" class="statHeader">FAFSA/DREAM APPLICATIONS</td>
						<td width="2%"></td>
						<td width="49%" height="40" class="statHeader">CAL GRANT APPLICATIONS</td>
					</tr>
					<tr valign="middle">
						<td colspan="3">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
									<td width="49%">
										<table border="0" cellpadding="0" cellspacing="0" width="100%">
											<tr>
												<td>
													<!--- gingerbread --->
													<table id="fafsaCounts" border="0" cellpadding="0" cellspacing="0" class="gingerbreadTable">
														<tr class="gingerbreadTopRow">
															<cfif gdsData.fafsaCountLeadingCols gt 0>
																<td colspan="#gdsData.fafsaCountLeadingCols#">&nbsp;</td>
															</cfif>
															<td class="blueMarkerDown">#NumberFormat(gdsData.fafsaCompleted)#<br /><i class="icon-caret-down icon-3x blue"></i></td>
															<cfif gdsData.fafsaCountTrailingCols gt 0>
																<td colspan="#gdsData.fafsaCountTrailingCols#">&nbsp;</td>
															</cfif>
														</tr>
														<tr class="gingerbreadUpperRow">
															<cfset gender = "female">
															<cfloop index="i" from="1" to="#gdsData.fafsaCompletedGingerbreadCount#">
																<td class="#gender#Blue"></td>
																<cfif gender eq "female">
																	<cfset gender = "male" />
																<cfelse>
																	<cfset gender = "female">
																</cfif>
															</cfloop>
															<cfloop index="i" from="1" to="#gdsData.fafsaSubmittedGingerbreadCount#">
																<td class="#gender#Default"></td>
																<cfif gender eq "female">
																	<cfset gender = "male" />
																<cfelse>
																	<cfset gender = "female">
																</cfif>
															</cfloop>
														</tr>
														<tr class="gingerbreadBottomRow">
															<td colspan="10"></td>
															<!--- <td colspan="4"></td>
															<td colspan="1"><i class="icon-caret-up icon-3x blue"></i><br />9999</td>
															<td colspan="5"></td> --->
														</tr>
													</table>
												</td>
												<td width="60">
													<!--- teardrops --->
													<table id="fafsaPercentages" border="0" cellpadding="0" cellspacing="0">
														<tr class="teardropHalfSmall">
															<td></td>
														</tr>
														<tr class="teardropSmall">
															<td valign="middle" align="center" class="aquaTeardropNWSmall"><span class="upsize150">#NumberFormat(gdsData.fafsaSubmitted)#</span><br />Submitted</td>
														</tr>
														<tr class="teardropSmall">
															<td valign="middle" align="center" class="blueTeardropNESmall"><span class="upsize150">#gdsData.fafsaCompletedPercent#%</span><br />Completed</td>
														</tr>
														<tr class="teardropHalfSmall">
															<td></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<!--- arrow --->
													<table border="0" cellpadding="0" cellspacing="0" width="100%">
														<tr class="dollarArrow">
															<td class="blueArrowRight arrow">
																Pell grant funds available<br />
																based on average award
															</td>
															<td class="dollarAward" nowrap="nowrap">$#NumberFormat(gdsData.fafsaDollarsAwarded)#</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
									<td width="2%"></td>
									<td width="49%">
										<table border="0" cellpadding="0" cellspacing="0" width="100%">
											<tr>
												<td>
													<!--- gingerbread --->
													<table id="calgrantCounts" border="0" cellpadding="0" cellspacing="0" class="gingerbreadTable">
														<tr class="gingerbreadTopRow">
															<cfif gdsData.calgrantCountLeadingColsTop gt 0>
																<td colspan="#gdsData.calgrantCountLeadingColsTop#">&nbsp;</td>
															</cfif>
															<td class="blueMarkerDown">#NumberFormat(gdsData.calgrantCompleted)#<br /><i class="icon-caret-down icon-3x blue"></i></td>									
															<cfif gdsData.calgrantCountTrailingColsTop gt 0>
																<td colspan="#gdsData.calgrantCountTrailingColsTop#">&nbsp;</td>
															</cfif>
														</tr>
														<tr class="gingerbreadUpperRow">
															<cfset gender = "female">
															<cfloop index="i" from="1" to="#gdsData.calgrantAwardedGingerbreadCount#">
																<td class="#gender#Green"></td>
																<cfif gender eq "female">
																	<cfset gender = "male" />
																<cfelse>
																	<cfset gender = "female">
																</cfif>
															</cfloop>
															<cfloop index="i" from="1" to="#gdsData.calgrantCompletedGingerbreadCount#">
																<td class="#gender#Blue"></td>
																<cfif gender eq "female">
																	<cfset gender = "male" />
																<cfelse>
																	<cfset gender = "female">
																</cfif>
															</cfloop>
															<cfloop index="i" from="1" to="#gdsData.calgrantSubmittedGingerbreadCount#">
																<td class="#gender#Default"></td>
																<cfif gender eq "female">
																	<cfset gender = "male" />
																<cfelse>
																	<cfset gender = "female">
																</cfif>
															</cfloop>
														</tr>
														<tr class="gingerbreadBottomRow">
															<cfif gdsData.calgrantCountLeadingColsBottom gt 0>
																<td colspan="#gdsData.calgrantCountLeadingColsBottom#">&nbsp;</td>
															</cfif>
															<td class="greenMarkerUp"><i class="icon-caret-up icon-3x green"></i><br />#NumberFormat(gdsData.calgrantAwarded)#</td>	
															<cfif gdsData.calgrantCountTrailingColsBottom gt 0>
																<td colspan="#gdsData.calgrantCountTrailingColsBottom#">&nbsp;</td>
															</cfif>
														</tr>
													</table>
												</td>
												<td width="60">
													<!--- teardrops --->
													<table id="calgrantPercentages" border="0" cellpadding="0" cellspacing="0">
														<tr class="teardropSmall">
															<td valign="middle" align="center" class="aquaTeardropNWSmall"><span class="upsize150">#NumberFormat(gdsData.calgrantSubmitted)#</span><br />Submitted</td>
														</tr>
														<tr class="teardropSmall">
															<td valign="middle" align="center" class="blueTeardropNESmall"><span class="upsize150">#gdsData.calgrantCompletedPercent#%</span><br />Completed</td>
														</tr>
														<tr class="teardropSmall">
															<td valign="middle" align="center" class="greenTeardropNESmall"><span class="upsize150">#gdsData.calgrantAwardedPercent#%</span><br />Awarded</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<!--- arrow --->
													<table border="0" cellpadding="0" cellspacing="0" width="100%">
														<tr class="dollarArrow">
															<td class="blueArrowRight arrow">
																Cal Grant funds offered<br />
																to qualifying students
															</td>
															<td class="dollarAward">$#NumberFormat(gdsData.calgrantDollarsAwarded)#</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				<hr />
				<cfif ListLen(programYears) lte 1>
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">WORKSHOP RATING</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="statHeader">ATTENDANCE by GENDER</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="49%">
											<!--- rating --->
											<table id="workshopRating" border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr class="ratingPercentRow">
													<td class="ratingPercent blue" width="25%">#Int(baseData[1].answers[1].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent green" width="25%">#Int(baseData[1].answers[2].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent blueDark" width="25%">#Int(baseData[1].answers[3].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent aqua" width="25%">#Int(baseData[1].answers[4].percent)#<span class="ratingPercentSymbol">%</span></td>
												</tr>
												<tr class="ratingPercentLabelRow">
													<td>Excellent</td>
													<td>Good</td>
													<td>Fair</td>
													<td>Poor</td>
												</tr>
											</table>
										</td>
										<td width="2%">&nbsp;</td>
										<td width="49%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td>
														<!--- gingerbread --->
														<table id="genderCounts" border="0" cellpadding="0" cellspacing="0" class="gingerbreadTable" width="100%">
															<tr class="gingerbreadTopRow">
																<cfif genderData.femaleCountLeadingCols gt 0>
																	<td colspan="#genderData.femaleCountLeadingCols#">&nbsp;</td>
																</cfif>
																<td class="greenMarkerDown">#NumberFormat(genderData.femaleCount)#<br /><i class="icon-caret-down icon-3x green"></i></td>
																<cfif genderData.femaleCountTrailingCols gt 1>
																	<td colspan="#genderData.femaleCountTrailingCols#">&nbsp;</td>
																</cfif>
															</tr>
															<tr class="gingerbreadUpperRow">
																<cfloop index="i" from="1" to="#genderData.femaleOnCount#">
																	<td class="femaleGreen"></td>
																</cfloop>
																<cfloop index="i" from="1" to="#genderData.femaleOffCount#">
																	<td class="femaleDefault"></td>
																</cfloop>
															</tr>
															<tr class="gingerbreadLowerRow">
																<cfloop index="i" from="1" to="#genderData.maleOnCount#">
																	<td class="maleBlue"></td>
																</cfloop>
																<cfloop index="i" from="1" to="#genderData.maleOffCount#">
																	<td class="maleDefault"></td>
																</cfloop>
															</tr>
															<tr class="gingerbreadBottomRow">
																<cfif genderData.maleCountLeadingCols gt 0>
																	<td colspan="#genderData.maleCountLeadingCols#">&nbsp;</td>
																</cfif>
																<td class="blueMarkerUp"><i class="icon-caret-up icon-3x blue"></i><br />#NumberFormat(genderData.maleCount)#</td>
																<cfif genderData.maleCountTrailingCols gt 0>
																	<td colspan="#genderData.maleCountTrailingCols#">&nbsp;</td>
																</cfif>
															</tr>
														</table>
													</td>
													<td width="100" align="right">
														<!--- tearpanels --->
														<table id="genderPercentages" border="0" cellpadding="0" cellspacing="0">
															<tr class="tearpanel">
																<td valign="top" class="femaleTearpanel">#Int(genderData.femalePercent)#%</td>
																<td valign="bottom" class="maleTearpanel">#Int(genderData.malePercent)#%</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">SENIOR ATTENDANCE</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="statHeader">ATTENDANCE by RACE/ETHNICITY</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="49%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td><div id="q7DonutChart" class="donutChartContainer"></div></td>
													<td width="100%">
														<!--- legend --->
														<cfset legendCount = 1 />
														<cfset answerData = baseData[7].answers />
														<table border="0" cellpadding="0" cellspacing="0" class="legendTable">
															<cfloop index="a" from="1" to="#StructCount(answerData)#">
																<tr valign="top">
																	<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
																	<td align="left" width="100%">
																		<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																			Yes
																		<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																			No
																		<cfelse>
																			#answerData[a]["answer"]#
																		</cfif>
																	</td>
																</tr>
																<cfset legendCount = legendCount + 1 />
															</cfloop>
														</table>
													</td>
												</tr>
											</table>
										</td>
										<td width="2%">&nbsp;</td>
										<td width="49%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td><div id="q12DonutChart" class="donutChartContainer"></div></td>
													<td width="100%">
														<!--- legend --->
														<cfset legendCount = 1 />
														<cfset answerData = baseData[12].answers />
														<table border="0" cellpadding="0" cellspacing="0" class="legendTable">
															<cfloop index="a" from="1" to="#StructCount(answerData)#">
																<tr valign="top">
																	<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
																	<td align="left" width="100%">
																		<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																			Yes
																		<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																			No
																		<cfelse>
																			#answerData[a]["answer"]#
																		</cfif>
																	</td>
																</tr>
																<cfset legendCount = legendCount + 1 />
															</cfloop>
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">PARENT EDUCATION LEVEL</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="statHeader">ATTENDED with PARENTS</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="49%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td><div id="q6DonutChart" class="donutChartContainer"></div></td>
													<td width="100%">
														<!--- legend --->
														<cfset legendCount = 1 />
														<cfset answerData = baseData[6].answers />
														<table border="0" cellpadding="0" cellspacing="0" class="legendTable">
															<cfloop index="a" from="1" to="#StructCount(answerData)#">
																<tr valign="top">
																	<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
																	<td align="left" width="100%">
																		<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																			Yes
																		<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																			No
																		<cfelse>
																			#answerData[a]["answer"]#
																		</cfif>
																	</td>
																</tr>
																<cfset legendCount = legendCount + 1 />
															</cfloop>
														</table>
													</td>
												</tr>
											</table>
										</td>
										<td width="2%"></td>
										<td width="49%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td><div id="q10DonutChart" class="donutChartContainer"></div></td>
													<td width="100%">
														<!--- legend --->
														<cfset legendCount = 1 />
														<cfset answerData = baseData[10].answers />
														<table border="0" cellpadding="0" cellspacing="0" class="legendTable">
															<cfloop index="a" from="1" to="#StructCount(answerData)#">
																<tr valign="top">
																	<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
																	<td align="left" width="100%">
																		<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																			Yes
																		<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																			No
																		<cfelse>
																			#answerData[a]["answer"]#
																		</cfif>
																	</td>
																</tr>
																<cfset legendCount = legendCount + 1 />
															</cfloop>
														</table>
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				<cfelse>
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">WORKSHOP RATING</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="55%">
											<!--- rating --->
											<table id="workshopRating" border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr class="ratingPercentRow">
													<td class="ratingPercent blue" width="25%">#Int(baseData[1].answers[1].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent green" width="25%">#Int(baseData[1].answers[2].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent blueDark" width="25%">#Int(baseData[1].answers[3].percent)#<span class="ratingPercentSymbol">%</span></td>
													<td class="ratingPercent aqua" width="25%">#Int(baseData[1].answers[4].percent)#<span class="ratingPercentSymbol">%</span></td>
												</tr>
												<tr class="ratingPercentLabelRow">
													<td>Excellent</td>
													<td>Good</td>
													<td>Fair</td>
													<td>Poor</td>
												</tr>
											</table>
										</td>
										<td width="2%">&nbsp;</td>
										<td width="43%"><div id="q1TrendLineChart" class="trendLineChartContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">ATTENDANCE by GENDER</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="55%">
											<table border="0" cellpadding="0" cellspacing="0" width="100%">
												<tr>
													<td>
														<!--- gingerbread --->
														<table id="genderCounts" border="0" cellpadding="0" cellspacing="0" class="gingerbreadTable">
															<tr class="gingerbreadTopRow">
																<cfif genderData.femaleCountLeadingCols gt 0>
																	<td colspan="#genderData.femaleCountLeadingCols#">&nbsp;</td>
																</cfif>
																<td class="greenMarkerDown">#NumberFormat(genderData.femaleCount)#<br /><i class="icon-caret-down icon-3x green"></i></td>
																<cfif genderData.femaleCountTrailingCols gt 1>
																	<td colspan="#genderData.femaleCountTrailingCols#">&nbsp;</td>
																</cfif>
															</tr>
															<tr class="gingerbreadUpperRow">
																<cfloop index="i" from="1" to="#genderData.femaleOnCount#">
																	<td class="femaleGreen"></td>
																</cfloop>
																<cfloop index="i" from="1" to="#genderData.femaleOffCount#">
																	<td class="femaleDefault"></td>
																</cfloop>
															</tr>
															<tr class="gingerbreadLowerRow">
																<cfloop index="i" from="1" to="#genderData.maleOnCount#">
																	<td class="maleBlue"></td>
																</cfloop>
																<cfloop index="i" from="1" to="#genderData.maleOffCount#">
																	<td class="maleDefault"></td>
																</cfloop>
															</tr>
															<tr class="gingerbreadBottomRow">
																<cfif genderData.maleCountLeadingCols gt 0>
																	<td colspan="#genderData.maleCountLeadingCols#">&nbsp;</td>
																</cfif>
																<td class="blueMarkerUp"><i class="icon-caret-up icon-3x blue"></i><br />#NumberFormat(genderData.maleCount)#</td>
																<cfif genderData.maleCountTrailingCols gt 0>
																	<td colspan="#genderData.maleCountTrailingCols#">&nbsp;</td>
																</cfif>
															</tr>
														</table>
													</td>
													<td width="100" align="center">
														<!--- tearpanels --->
														<table id="genderPercentages" border="0" cellpadding="0" cellspacing="0">
															<tr class="tearpanel">
																<td valign="top" class="femaleTearpanel">#Int(genderData.femalePercent)#%</td>
																<td valign="bottom" class="maleTearpanel">#Int(genderData.malePercent)#%</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</td>
										<td width="2%">&nbsp;</td>
										<td width="43%"><div id="q11TrendLineChart" class="trendLineChartContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">SENIOR ATTENDANCE</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="27%"><div id="q7DonutChart" class="donutChartContainer"></div></td>
										<td width="30%" align="center">
											<!--- legend --->
											<cfset legendCount = 1 />
											<cfset answerData = baseData[7].answers />
											<table border="0" cellpadding="0" cellspacing="0" class="legendTable" width="80%">
												<cfloop index="a" from="1" to="#StructCount(answerData)#">
													<tr valign="top">
														<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
														<td align="left" width="100%">
															<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																Yes
															<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																No
															<cfelse>
																#answerData[a]["answer"]#
															</cfif>
														</td>
													</tr>
													<cfset legendCount = legendCount + 1 />
												</cfloop>
											</table>
										</td>
										<td width="43%"><div id="q7TrendAreaChart" class="trendAreaChartContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">ATTENDANCE by RACE/ETHNICITY</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="27%"><div id="q12DonutChart" class="donutChartContainer"></div></td>
										<td width="30%" align="center">
											<!--- legend --->
											<cfset legendCount = 1 />
											<cfset answerData = baseData[12].answers />
											<table border="0" cellpadding="0" cellspacing="0" class="legendTable" width="80%">
												<cfloop index="a" from="1" to="#StructCount(answerData)#">
													<tr valign="top">
														<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
														<td align="left" width="100%">
															<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																Yes
															<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																No
															<cfelse>
																#answerData[a]["answer"]#
															</cfif>
														</td>
													</tr>
													<cfset legendCount = legendCount + 1 />
												</cfloop>
											</table>
										</td>
										<td width="43%"><div id="q12TrendLineChart" class="trendLineChartContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">PARENT EDUCATION LEVEL</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="27%"><div id="q6DonutChart" class="donutChartContainer"></div></td>
										<td width="30%" align="center">
											<!--- legend --->
											<cfset legendCount = 1 />
											<cfset answerData = baseData[6].answers />
											<table border="0" cellpadding="0" cellspacing="0" class="legendTable" width="80%">
												<cfloop index="a" from="1" to="#StructCount(answerData)#">
													<tr valign="top">
														<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
														<td align="left" width="100%">
															<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																Yes
															<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																No
															<cfelse>
																#answerData[a]["answer"]#
															</cfif>
														</td>
													</tr>
													<cfset legendCount = legendCount + 1 />
												</cfloop>
											</table>
										</td>
										<td width="43%"><div id="q6TrendLineChart" class="trendLineChartContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					<hr />
					<table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td width="49%" height="40" class="statHeader">ATTENDED with PARENTS</td>
							<td width="2%"></td>
							<td width="49%" height="40" class="trendChartLabel">#ListLast(ListFirst(programYears, ","), "-")#-#ListLast(ListLast(programYears, ","), "-")# Trend</td>
						</tr>
						<tr valign="middle">
							<td colspan="3">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="27%"><div id="q10DonutChart" class="donutChartContainer"></div></td>
										<td width="30%" align="center">
											<!--- legend --->
											<cfset legendCount = 1 />
											<cfset answerData = baseData[10].answers />
											<table border="0" cellpadding="0" cellspacing="0" class="legendTable" width="80%">
												<cfloop index="a" from="1" to="#StructCount(answerData)#">
													<tr valign="top">
														<td style="color: #ListGetAt(colors, legendCount)#;"><i class="icon-stop"></i></td>
														<td align="left" width="100%">
															<cfif answerData[a]["answer"] eq "yes" or answerData[a]["answer"] eq true>
																Yes
															<cfelseif answerData[a]["answer"] eq "no" or answerData[a]["answer"] eq false>
																No
															<cfelse>
																#answerData[a]["answer"]#
															</cfif>
														</td>
													</tr>
													<cfset legendCount = legendCount + 1 />
												</cfloop>
											</table>
										</td>
										<td width="43%"><div id="q10TrendLineChart" class="trendAreaLineContainer"></div></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</cfif>

			</td>
		</tr>
	</table>
</cfoutput>
</body>
</html>
<!--- </cfdocument> --->
<cfsetting showdebugoutput="no">